﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <base target="_blank" />
    <style type="text/css">
        #ul {
            width:100px;
        }
        ul li {
            cursor:pointer;
            text-decoration:underline;
            margin-top:5px;
        }
    </style>
</head>
<body>
    <h1 style="margin-left:24px;">Svg Map</h1>
    <ul id="ul">
        <li link="WFDesign-d3.html?path=resource/xml/SVG01.xml">Svg 01</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVG02.xml">Svg 02</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVG03.xml">Svg 03</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVG04.xml">Svg 04</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVG05.xml">Svg 05</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVG06.xml">Svg 06</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVG071.xml">Svg 07</li>
        <li link="WFDesign-d3.html?path=resource/xml/Books.xml">Svg Books</li>
        <li link="WFDesign-d3.html?path=resource/xml/Events.xml">Svg Events</li>
        <li link="WFDesign-d3.html?path=resource/xml/SVGFault.xml">Svg Fault</li>
        <li link="WFDesign-d3.html?path=resource/xml/TimeSVG.xml">Svg Time</li>
    </ul>
</body>
</html>
<script>
    document.getElementById("ul").addEventListener("click", function (e) {
        if (e.target.tagName == "LI") {
            window.location.href = e.target.getAttribute("link");
        }
    }, false);
</script>
